/*banner*/
@charset 'utf-8';

.index_li{
    color: #4cbcbe!important;
    border-bottom: 3px solid #4cbcbe!important;

}
#container {
    width: 100%;
    height: 450px;
    overflow: hidden;
}

.sections,
.section {
    height: 100%;
}

#container,
.sections {
    position: relative;
}

.section {
    background-color: #000;
    background-size: cover;
    background-position: 50% 50%;
    text-align: center;
    color: white;
}

#section0 {
    background-image: url('../../images/index/banner1.jpg');
}

#section1 {
    background-image: url('../../images/index/banner2.jpg');
}

#section2 {
    background-image: url('../../images/index/banner3.jpg');
}
#section3 {
    background-image: url('../../images/index/banner4.jpg');
}
#section4 {
    background-image: url('../../images/index/banner5.png');
}
#section5 {
    background-image: url('../../images/index/banner6.jpg');
}
#section6 {
    background-image: url('../../images/index/banner7.jpg');
}

.banner1_content{
    width: 512px;
}
.banner1_content h1{
    text-align: left;
        font-family: "幼圆";
        font-size: 24px;
        font-weight: 300;
}
.banner1_content h2{
    text-align: left;
     font-size: 38px;
        font-weight: 300;
}
.banner1_content  p {
    /*margin:0 12px;*/
    padding-right: 100px;

}
.banner1_content  p span{
    display: inline-block;
 font-family: "幼圆";
        font-size: 20px;
        font-weight: 300;
        width: 190px;
        height: 40px;
        line-height: 40px;
        background: #39999a;
        border-radius: 6px;

}
/*banner3*/
.banner3_ul{
    width: 520px;
    height: auto;
    padding-top: 142px;
}
.banner3_ul p{
    font-family: "微软雅黑";
    text-align: left;
}
.banner3_ul .ban_font1{
    font-size: 22px;
    color: #5dc1c3;
}
.banner3_ul .ban_font2{
    font-size: 38px;
    color: #4cbcbe;
    margin-top: 15px;
}
.banner3_ul a{
    display: inline-block;
    font-family: "微软雅黑";
    font-size: 22px;
    text-align: center;
    line-height: 33px;
    color: #5dc1c3;
    border: 1px solid #5dc1c3;
    padding: 0 15px;
    border-radius: 3px;
    margin-top: 20px;
}
.assiant,.small_mall{
    margin-left: 15px;
    padding:0 26px!important;
}
.erp_post{
    margin-left: -5px;
}
/*section_title*/
.section_title{
    text-align: center;
    color: #333333;
    margin-top: 80px;

}
.section_title h1{
    font-size: 30px;


}
.section_title h2{
    font-size: 30px;
    margin-top: 12px;

}
.section_content ul{
    padding:76px 0 120px 0;
}
.section_content ul li{
    float: left;
    width: 220px;
    text-align: center;
    padding:40px 0px 30px 0;
    margin-left: 20px;
}
.section_content_list dt {
    width: 90px;
   margin:0 auto;
   height: 106px;
}
.section_content_list dt.dt1{
   background: url(../../images/index/title_list.png);
}
.section_content_list dt.dt2{

   background: url(../../images/index/title_list.png) -243px;
    
}
.section_content_list dt.dt3{
   width: 110px;

   background: url(../../images/index/title_list.png) -472px -4px ;
    
}
.section_content_list dt.dt4{
   background: url(../../images/index/title_list.png) -726px 8px;
    
}
.section_content_list dd.title{
    font-size: 20px;
    color: #333333;
    font-weight: 600;
    margin-top: 26px;
}
.section_content_list dd p{
    font-size: 14px;
    color: #333333;
}
.color_ebfff8{
background: #ebfff8;
}
.color_fff4f5{
background: #fff4f5;

}
.color_d6fafb{
background: #d6fafb;

}
.color_faf4ea{
background: #faf4ea;

}

/*section_play*/
.index_public_title{
     font-size: 30px;
    color: #333;
    font-weight: 400;

}
.index_public_title_bg1{
        background: url(../../images/index/play_ico.png) 205px;
}
.index_public_title_bg2{
        background: url(../../images/index/play_ico.png) 406px;
}
.index_public_title_bg3{
        background: url(../../images/index/play_ico.png)353px;
}
.index_public_title_bg4{
        background: url(../../images/index/play_ico.png) 297px 3px;
}
.index_public_title i{
    display: inline-block;
    position: relative;

    width: 38px;
    height: 42px;
    top: 10px;
    margin-right:14px;
}
.index_public_title span{
    margin-left: 16px;
         font-size:20px;
    color: #666;
}
.section_play_1,.section_play_3{
    background: #f7fcfc;
    padding: 60px 0;
}
.section_play_2{
    background: #ffffff;
    padding: 60px 0;
}
.section_play_4{
    background: #ffffff;
    padding: 60px 0 60px 0;
}
.index_play_1 ul{
    margin-top: 30px;
}
.li_ico:before{
content:url(../../images/index/li_ico.png);
margin-right: 22px;
}
.li_ico_r:before{
content:url(../../images/index/li_ico_r.png);
margin-right: 22px;
}
.index_play_1 ul li{
    color: #666666;
    line-height: 38px;
    font-size: 16px;

}
.index_play_1 ul li span{
    color: #333333;
    font-size: 16px;
    font-weight: 600;
}
/*公共按钮*/
.public_button{
    border: 1px solid #4cbcbe;
    display: inline-block;
    width: 138px;
    height: 38px;
    margin-top: 36px;

}
.public_button:before{
     position: absolute;
    z-index: 13;
    content: url(../../images/index/button_s.png);

        margin-left: 43px;
    margin-top: 8px;

      width:33px;
    height: 38px;
    /*background:red;*/
               -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
      transition: all .5s ease;
}
.public_button:hover:before{
    content: url(../../images/index/button.png);
           -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
      transition: all .5s ease;

}
.public_button:after{
    position: absolute;
    z-index: 12;
    content: "";
    background: #4cbcbe;
    width:0px;
    height: 38px;
        -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
      transition: all .5s ease;

}
.public_button:hover:after{
    width:138px;
    
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
      transition: all .5s ease;

}
/*特殊处理图片*/
.other{
    text-align: right;
    position: relative;
    
}
.other img{
    position: absolute;
        top: -370px;
    right: -126px;
}
.width{
    width:496px
}
/*生长线*/
.line_position{
    position: relative;
}
.line_right{
    visibility: inherit;
     position: absolute;
    z-index: 888;
    bottom: -59px;
    right: 160px;
    width: 300px;
    height: 101px;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom-right-radius: 55px;
}
/*生长点*/
.line_right_wrap,.line_left_wrap{
    position: relative;
}
.line_right_wrap:after{
    display: inline-block;
    position: absolute;
    right: -6px;
    top: -8px;
    content: "";
    height: 12px;
    width: 12px;
    background: #4cbcbe;
    border-radius:12px;
}
.line_left{
    visibility: inherit;
    position: absolute;
    z-index: 888;
        bottom: -139px;
    left: 240px;
    width: 298px;
    height: 80px;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-top-left-radius: 55px;
}
.line_left:after{
    display: inline-block;
    position: relative;
    left: -6px;
    top: 67px;
    content: "";
    height: 12px;
    width: 12px;
    background: #4cbcbe;
    border-radius:12px;
}
.meng{
    display: block;
    position: absolute;
    background: green;
    z-index: 9999;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
}
/*另外*/
.line_right_o{
     visibility: inherit;
    position: absolute;
    z-index: 888;
    bottom: -61px;
    left: 240px;
    width: 300px;
    height: 80px;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom-left-radius: 55px;
}
.line_right_wrap_o,.line_left_wrap_o{
    position: relative;
}
.line_right_wrap_o:after{
    display: inline-block;
    position: absolute;
    left: -6px;
    top: -8px;
    content: "";
    height: 12px;
    width: 12px;
    background: #4cbcbe;
    border-radius:12px;
}
.line_left_o{
 visibility: inherit;
    position: absolute;
    z-index: 888;
    bottom: -114px;
    left: 541px;
    width: 297px;
    height: 53px;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top-right-radius: 55px;
}
.line_left_wrap_o:after{
    display: inline-block;
    position: absolute;
    right: -6px;
    top: 52px;
    content: "";
    height: 12px;
    width: 12px;
    background: #4cbcbe;
    border-radius:12px;
}

/*蒙版*/
#meng1{
        display: block;
    position: absolute;
    background: green;
    z-index: 9999;
    top: 35px;
    bottom: -2px;
    right: -2px;
    left: 0px;
    background: #f7fcfc;
}
#meng2{
    display: block;
    position: absolute;
    background: green;
    z-index: 9999;
    top: -1px;
    bottom: 10px;
    right: -3px;
    left: -14px;
    background: #ffffff;
}
#meng3{
       display: block;
    position: absolute;
    z-index: 9999;
    top: 4px;
    bottom: -1px;
    right: 1px;
    left: -4px;
    background: #ffffff;
}
#meng4{
     display: block;
    position: absolute;
    z-index: 9999;
    top: -1px;
    bottom: 1px;
    right: -2px;
    left: -14px;
    background: #f7fcfc;
}
#meng5{
       display: block;
    position: absolute;
    z-index: 9999;
    top: -8px;
    bottom: -1px;
    right: -6px;
    left: -14px;
    background: #f7fcfc;
}
#meng6{
     display: block;
    position: absolute;
    z-index: 9999;
    top: -1px;
    bottom: 10px;
    right: -2px;
    left: -14px;
    background: #ffffff;
}